body {
  font-size: 1.8em; 
  padding: 0; 
  margin: 0;
  background-color: #222;
  text-align: center;
  }
.top {
  display: flex;
  display:-webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
  justify-content: center;
  font-size: .85em;
 } 
 #mRed{
 background: #DE1409;
 border-color: #DE1409;
 }
 #mBlue{
 background: #164DC4;
 border-color: #164DC4;
 }
 #tRed{
 background: #DE1409;
 border-color: #DE1409;
 }
 #tBlue{
 background: #164DC4;
 border-color: #164DC4;
 }
.totes {
    width: 100%;
}
#score1{
width: 95%;
}
#score2{
width: 60%;
}
#score3{
width: 95%;
}
.tableCR{
width: 100%;
}
.tableCD{
width: 50%;
}
.container{
width: 100%;
}
.tableYR{
width: 25%;
}
.tableYD{
width: 25%;
}
.tableR{
width: 16.66%;
}
.tableD{
width: 16.66%;
}
.score{
  background-color: #F5F5F5;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}
.team{
  background-color: #f5f5f5;
  border: 5px ridge red;
  color: #383838;
  justify-content: center;
  max-height: 10px;
  font-size: 3em;
  padding: 10px;
}
table{
  border: 8px ridge #8C6565;
}
.Alliance {
  border: 8px ridge white;
  margin: 5px; background-color: #BA0B0B;
  text-decoration: underline;
  color: black;
}
.match {
  border: 8px ridge #8C6565;
  margin: 5px;
  background-color: #383838;
  color: white;
}
.title {
  border: 8px ridge #8C6565;
  margin: 5px; 
  background-color: #383838; 
  color:  white;
}
.bigButton {
  background-color: #f7b448;
  color: #000000;
  width: 180px;
  height: 80px;
  font-size: 60px;
  border: 8px ridge green;
  margin: 25px 50px 0 50px;
  visibility: visible;
 }
 input{
	visibility: hidden;
 }
 #done{
	border-color: #ff7e00;
	float: right;
 }